<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta charset="UTF-8">
    <title>Pulu-发布问题</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <link rel="stylesheet" href="css/highexp.css"/>
    <link rel="stylesheet" href="css/sendquestion.css"/>
    <link rel="stylesheet" href="css/friendlistpage.css"/>
    <link rel="stylesheet" href="css/addlabel.css"/>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/swiper_change.css"/>
    <script src="https://webapi.amap.com/maps?v=1.3&key=705b321a69c641906ee1a125e5350ca2"></script>
    <style>
        /*body{*/
        /*overflow-x: auto;*/
        /*}*/
        html{
            background:#ececec;
            height:100%;
        }
        body{
            overflow: auto;
            height:100%;
        }
        #outbox1{height:100%;}
        #titleword{
            width:100%;
            box-sizing: border-box;
            border:1px solid #9a9a9a;
            border-right-color: #ccc;
            border-bottom-color: #ccc;
            font-size: 16px;
            padding:3px 5px;
        }
        /*5C9DFF*/
        #titleword:active{
            border:1px solid #5C9DFF;
        }
        #titleword:focus{
            border:1px solid #5C9DFF;
        }
        #contentword:active{
            border:1px solid #5C9DFF;
        }
        #contentword:focus{
            border:1px solid #5C9DFF;
        }
        /*关键词*/
        #keyword{
            overflow: hidden;
        }
        #keyword .keyworddiv{
            margin-top:4px;
        }
        #keyword .keywordinputbox{
            width:75%;
            border:1px solid #ddd;
            border-radius: 2px;
            padding:3px;
            box-sizing: border-box;
        }
        #keyword .keywordinputbox input{
            box-sizing: border-box;
            width:100%;
            box-sizing: border-box;
        }
        /*图片上传提醒*/
        #sendimginfo,#sendinfo{
            position: absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            z-index: 900;
            width:100%;
            height:100%;
            background:rgba(0,0,0,0.75);
            box-sizing: border-box;
        }
        #sendimginfo>div,#sendinfo>div{
            background: #fff;
            margin:0 16%;
            margin-top:150px;
            padding:15px;
            border-radius: 3px;
        }
        #sendimginfo>div>p,#sendinfo>div>p{
            text-align: center;
        }
        #citylistul .Cell .tc_inner{
            margin-right:40px;
        }
        #allcitypage .rightnav>div{
            width:27px;
            text-align: center;
        }
        .kindword{
            max-width:58%;
            white-space:nowrap;
            text-overflow:ellipsis;
            -o-text-overflow:ellipsis;
            overflow: hidden;
        }
        #keywordinput:-moz-placeholder{
            color:#A9A9A9;
            font-size: 12px;
        }
        #keywordinput::-webkit-input-placeholder{
            color:#A9A9A9;
            font-size: 12px;
        }
        /*添加加减号操作金钱*/
        .inputbox p{
            padding:0;
        }
        .moneybtnbox{
            padding-left:40px;
            padding-right:40px;
            text-align: center;
        }
        #leftjianbtn{
            position:absolute;
            top:-3px;
            left:53px;
            height:27px;
            width:40px;
            display:inline-block;
            background-image: url("img/reduce_light.png");
            background-repeat: no-repeat ;
            background-size: 29px;
        }
        #price{
            width:20%;
            text-align: center;
            height:16px;
            padding:4px0px;
            font-size:12px;
        }
        #rightjiabtn{
            position:absolute;
            top:-2px;
            right:45px;
            height:27px;
            width:40px;
            display:inline-block;
            background-image: url("img/add_deep.png");
            background-repeat: no-repeat ;
            background-size: 29px;
        }
        #showmap{
            position:fixed;
            top:0;
            left:0;
            right:0;
            bottom:0;
            z-index: 1000;
            background: #fff;
            overflow: scroll;
        }
        /*新的定位 城市*/
        #locationsearch{
            height:44px;
            padding:8px;
            background: #EFEFF4;
            box-sizing: border-box;
        }
        #locationsearch>div{
            width:100%;
            height:28px;
            box-sizing: border-box;
            overflow: hidden;
            background: #000;
            border-radius: 2px;
            position:relative;
        }
        #locationsearchbtn{
            position: absolute;
            z-index: 100;
            /*left:0;*/
            right:0;
            top:0px;
            width:28px;
            height:28px;
            background: url("img/locationsearch.png")no-repeat center;
            background-size: 20px;
        }
        #locationsearch>div>input{
            width:100%;
            box-sizing: border-box;
            height:28px;
            position: absolute;
            /*left:28px;*/
            right:0;
            top:0;
            /*padding-left:30px;*/
            padding-right:30px;
            padding-left:8px;
            /*padding-right:8px;*/
        }
        #locationlistplace,#otherlist,#searclocation{
            width:100%;
            padding-left:15px;
            padding-right:15px;
            box-sizing: border-box;
        }
        #locationlistplace>div>div,#otherlist>div,#searclocation>div{
            height:52px;
            box-sizing: border-box;
            border-bottom: 1px solid #F5F5F5;
            padding-top:8px;
        }
        #locationlistplace #nolocation{
            padding-top:0;
            color:#405686;
            line-height:52px;
        }
        #shiname img,#firstchoice img,#nolocation img{
            width:15px;
            height:15px;
            margin-top:19px;
        }
        #firstchoice img{
            margin-top:11px;
        }
        #locationlistplace #shiname{
            padding-top:0;
            line-height:52px;
        }
        #otherlist,#searclocation{
            width:100%;
            box-sizing: border-box;
            height:auto;
            overflow: scroll;
        }
        .dizhi{
            font-size: 12px;
            color:#8B8B8B;
        }
        /*标题显示问题*/
        #imgchoicefriend .title{
            width:100px;
        }
        /*新加表情*/
        ul,li{
            list-style: none;
        }
        textarea#commentinput{
            background:transparent;
            box-shadow:none;
            border:none;
            border-radius:0;
            border-bottom:1px solid #67C945;
        }
        #facebtn,#keybordbtn{
            width:30px;
            height:30px;
            margin-left:4%;
            background: url("img/sz.png") no-repeat;
            background-size: 30px;
        }
        #keybordbtn{
            background: url("img/yt2.png") no-repeat;
            background-size: 32px;
        }
        #faceulplace{
            padding:5px;
            overflow: hidden;
        }
        #faceulplace li{
            float: left;
            width: 30px;
            height: 30px;
            padding: 3px;
        }
        .listcom span img{
            width: 18px;
            height:18px;
            margin-top: -3px;
        }
        #facelist{
            position: relative;
            background: #E7E7E8;
            margin-top:15px;
        }
        #arrdiv{
            position: absolute;
            top:-18px;
            left:20px;
            border:9px solid transparent;
            border-bottom-color:#f6f6f6;
        }
        .Cell .tc_inner{padding-left:4%;}
        .sendquestionpage{padding-left:4%;}
        #keyword .keyworddiv {margin-right: 12px;}
        #keyword .keywordinputbox{
            position:absolute;
            left:70px;
            top:0;
            right:20px;
            width:auto;
        }
        #keyword {height: 29px;}
        .action_menu{
            position:absolute;
            top:50%;
            transform: translateY(50%);
        }
        #imgchoicedFDokbtn,#imgchoicedFDokbtn1{
            left:inherit;
        }
        .action_menu_container2 .action_menu>.mweb_action_button:after{  display: none;  }
        .action_menu_container.action_menu_container2>.inner>.action_menu>.mweb_action_button{border-bottom:1px solid #e2e2e2}
        .action_menu_container.action_menu_container2>.inner>.action_menu>.mweb_action_button:last-child{border:none}
        /*关键词不能为空*/
        #nokeywordalert{
            display:none;
            position:fixed;
            width: 100%;
            z-index: 9999;
            top:0;
            left:0;
            bottom:0;
            background: rgba(0,0,0,0.75);
        }
        #nokeywordalert>div{
            position:relative;
            width: 100%;
            height:100%;
        }
        #nokeywordalert>div>.inner{
            background: #fff;
            padding: 55px 30px 26px 28px;
            border-radius: 3px;
            box-sizing: border-box;
            /*min-width: 300px;*/
            height:175px;
            /*width:322px;*/
            max-width:322px;
            width:78%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }
        #nokeywordalert .inner>.title{
            font-size: 20px;
            padding-bottom: 24px;
        }
        #nokeywordalert .inner>.word{
            font-size: 18px;
            padding-bottom:44px;
            /*font-weight: bold;*/
        }
        #closealertbtn{
            color:#0BA70A;
            float:right;
            height:30px;
            font-size: 18px;
            line-height:30px;
            width:60px;
            /*font-weight: bold;*/
            text-align: center;
        }
        i{
            position:absolute;
            top:21px;
            left:2%;
            font-size:16px;
            font-weight: bold;
            color:#B92B27;
            font-family: -apple-system,"Helvetica Neue",Helvetica,sans-serif;
        }
        /*说明规则*/
        #showrule{
            color:#2b6dad;
        }
        #detailrule{
            display:none;
            position: fixed;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background: rgba(0,0,0,0.75);
            z-index: 9999;
            color: #333;
            line-height: 1.4;
            font-size: 15px;
        }
        #detailrule>div{
            position:relative;
            width: 100%;
            height:100%;
        }
        #detailrule .body{
            position: absolute;
            width: 100%;
            max-width: 300px;
            /*top:50%;*/
            left:50%;
            text-align: center;
            border-radius: 2px;
            background-color: #fff;
            transform: translate(-50%,50%);
        }
        #detailrule .body>div:first-child{
            padding:12px 0 7px 0;
            font-weight: bold;
            font-size: 16px;
            color:#686868;
        }
        #detailrule .body ul li{
            padding:0 15px;
            font-size: 15px;
            color:#999;
            text-align: left;
        }
        #iknow{
            padding:12px 0;
            color:#F75E47;
            border-top:1px solid #EAEAEA;
            cursor: pointer;
        }
        #modaltishiwords{
            padding:12px 10px;
        }
        /**/
        .Header.ModalHeader{
            position:fixed;
            top:0;
            z-index: 100;
            width:100%;
            max-width:1000px;
        }
        .Header.ModalHeader+div{margin-top:44px;}
        /*修改*/
        .paynoteplace{
            position:absolute;
            top:0;
            width:100%;
            max-width: 1000px;
            min-height:100vh;
            z-index: 9999;
        }
        .paynoteplace .inner,.action_menu_container_word .inner {
            margin: 12px auto;
            position: relative;
            max-width: 300px;
            /*height: 100vh;*/
        }
        .paynoteplace .inner .action_menu {
            border-radius: 2px;
        }
        .paynoteplace .inner .action_menu .mweb_action_button:first-child {
            border-radius: 2px 2px 0 0;
        }
        .paynoteplace .inner .action_menu .mweb_action_button {
            text-align: center;
            display: block;
            padding: 12px 0;
            color: #333;
            line-height: 1.4;
            font-size: 15px;
            font-weight: 500;
            position: relative;
            background: #fff;
        }
        .paynoteplace .inner .action_menu .mweb_action_button:after {
            content: "";
            position: absolute;
            pointer-events: none;
            box-sizing: border-box;
            border-radius: 0;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .paynoteplace .inner .action_menu .mweb_action_button:after {
            border-bottom: 1px solid #e2e2e2;
        }
        .paynoteplace .inner .action_menu .mweb_action_button:last-child {
            border-radius: 0 0 2px 2px;
        }
        .paynoteplace .inner .action_menu .mweb_action_button:last-child:after {
            border: 0;
        }
        .modal_bg {
            z-index: 1000;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.75);
            -webkit-user-select: none;
            -webkit-animation: fadeIn 0ms ease-out 0s 1 normal;
            -o-animation: fadeIn 0ms ease-out 0s 1 normal;
            animation: fadeIn 0ms ease-out 0s 1 normal;
            -webkit-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off" style="background:#ececec;">
<script src="js/jquery-1.11.3.js"></script>
<div id="outbox1">
    <div id="outbox2">
        <div class="bodyplace" style="display:block;" id="page_wrapper">
            <div class="PageWrapper nonav" style="margin-top:0;">
                <div class="EditorModal has_toolbar" style="padding-top:0;">
                    <!-- 头部-->
                    <div class="Header ModalHeader">
                        <div class="fixed_header" style="position:relative;">
                            <div class="header_main">
                                <div class="mweb_modal_back_button" id="maingobackbtn"></div>
                                <script>
                                    if(!document.referrer){document.getElementById("maingobackbtn").style.display="none"}
                                </script>
                                <div class="page_title unified"></div>
                                <a class="navigation_button sendquesbtn">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- 主体内容-->
                    <div class="bar bar_regular_state">
                        <div class="questiontitle" style="background:#FAFAFA;display:none;">
                            <!--<textarea type="text" style="width: 100%;" maxlength=40 id="titleword"/></textarea>-->
                            <input type="text" placeholder="标题" maxlength=40 id="titleword"/>
                        </div>
                        <div class="questionbody">
                            <textarea style="overflow-y:auto;border:none; width:100%;box-sizing: border-box;height:45px;" onfocus="ResizeTextarea(this,4);" onclick="ResizeTextarea(this,4);" onkeyup="ResizeTextarea(this,4);" id="contentword" placeholder="描述您的问题..."></textarea>
                        </div>
                        <!-- 表情-->
                        <div id="facebtn" style="display:block"></div>
                        <div id="keybordbtn" style="display:none"></div>
                        <!--表情区域-->
                        <div id="facelist" style="display:none;">
                            <div id="arrdiv"></div>
                            <!--<ul id="faceulplace"></ul>-->
                            <div class="swiper-container">
                                <div class="swiper-wrapper">

                                    <div class="swiper-slide"  id="zerofacepage">

                                    </div>

                                    <div class="swiper-slide" id="onefacepage">

                                    </div>

                                    <div class="swiper-slide" id="twofacepage">

                                    </div>
                                </div>
                                <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                                    <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                                    <span class="swiper-pagination-bullet"></span>
                                    <span class="swiper-pagination-bullet"></span>
                                </div>
                            </div>
                        </div>
                        <!--展示图片区域-->
                        <div id="questionbody" style="padding-bottom:2%;margin-left:4%;">
                            <div class="modifier image" style="display:inline-block;margin-left:0%;">

                            </div>
                        </div>
                        <script>
                            var height21=parseFloat(document.body.clientWidth)*0.21;
                            $("#questionbody .modifier").height(height21+"px");
                        </script>
                    </div>
                </div>
            </div>
            <!--定位-->
            <div class="sendquestionpage" id="locationbox" style="margin-top:0;padding-top:10px;">
                <div class="sendquestionlabel" id="location" style="position: relative">
                    <div class="img" style="padding-left:0">
                        <img src="img/dingwei.png"/>
                    </div>
                    <div>所在位置</div>
                    <div class="kindword myctywords"></div>
                </div>
            </div>
            <!--关键词-->
            <div class="sendquestionpage" style="padding:15px 7px 15px 4%;position: relative;">
                <i>*</i>
                <div class="sendquestionlabel" id="keyword" style="position: relative">
                    <div class="keyworddiv lf">关键词：</div>
                    <div class="keywordinputbox lf">
                        <input type="text" id="keywordinput" style="height:20px;line-height:20px;" maxlength="25"/>
                    </div>
                </div>
            </div>
            <!--高级设置-->
            <div class="sendquestionpage" style="padding:0;">
                <div class="Cell InputCell InputMixin" id="gaojibtn">
                    <span class="tc_inner rightlistbtn hangyelistbtn">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label">高级选项</span>
                            </p>
                        </div>
                        <div class="kindword hangyewords"></div>
                        <div class="changephotobox mysetpageimgbtn rightarrowimg">
                            <img src="img/darr01.png" id="gaojiimg"/>
                        </div>
                    </span>
                    <div class="tc_stroke"></div>
                </div>
                <div id="gaojilistbox" style="display:none;">
                    <!-- 匿名发布-->
                    <div class="Cell InputCell InputMixin" id="hidenamebox" style="border-top:1px solid #ececec;">
                    <span class="tc_inner" id="hidename">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label">匿名发布</span>
                            </p>
                        </div>
                        <div class="changephotobox mysetpageimgbtn" style="text-align: right;padding-right:5px;">
                            <img src="img/hook-no.png" style="width:20px;height:20px;"/>
                        </div>
                    </span>
                        <div class="tc_stroke"></div>
                    </div>
                    <!-- 陌生人不可见-->
                    <div class="Cell InputCell InputMixin">
                    <span class="tc_inner" id="strangecansee">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label">陌生人不可见</span>
                            </p>
                        </div>
                        <div class="changephotobox mysetpageimgbtn">
                            <img src="img/hook-no.png" style="width: 20px;height: 20px;float: right;padding-right: 5px;"/>
                        </div>
                    </span>
                        <div class="tc_stroke"></div>
                    </div>
                    <!--谁可以看-->
                    <!--<div class="sendquestionpage" style="padding:0;margin:0;border-bottom:1px solid #ececec" id="gaojishezhi">-->
                        <!--<div class="Cell InputCell InputMixin">-->
                            <!--<span class="tc_inner rightlistbtn" >-->
                                <!--<div class="form_inputs">-->
                                    <!--<p class="form_row">-->
                                        <!--<span class="input_label">谁可以看</span>-->
                                    <!--</p>-->
                                <!--</div>-->
                                <!--<div class="kindword">-->
                                    <!--<span id="woselabelword">-->

                                    <!--</span>-->
                                <!--</div>-->
                                <!--<div class="changephotobox mysetpageimgbtn rightarrowimg">-->
                                    <!--<img src="img/rarr02.png"/>-->
                                <!--</div>-->
                            <!--</span>-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--提醒谁看-->
                    <div class="sendquestionpage" style="padding:0;margin:0;">
                        <div class="Cell InputCell InputMixin">
                            <a>
                        <span class="tc_inner rightlistbtn" id="callfriend">
                            <div class="form_inputs">
                                <p class="form_row">
                                    <span class="input_label" style="color:#333;">提醒谁看</span>
                                </p>
                            </div>
                            <div class="kindword" id="callfriendwords"></div>
                            <div class="changephotobox mysetpageimgbtn rightarrowimg">
                                <img src="img/rarr02.png"/>
                            </div>
                        </span>
                            </a>
                        </div>
                    </div>



                </div>
                <!--行业分类-->
                <div class="sendquestionpage" style="display:none;padding:0;">
                    <div class="Cell InputCell InputMixin">
                    <span class="tc_inner rightlistbtn hangyelistbtn">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label">行业分类</span>
                            </p>
                        </div>
                        <div class="kindword hangyewords"></div>
                        <div class="changephotobox mysetpageimgbtn rightarrowimg">
                            <img src="img/rarr02.png"/>
                        </div>
                    </span>
                        <div class="tc_stroke"></div>
                    </div>
                </div>
                <!-- 兴趣分类-->
                <div class="sendquestionpage" style="display:none;padding:0;">
                    <div class="Cell InputCell InputMixin">
                    <span class="tc_inner rightlistbtn xingqulistbtn">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label">兴趣分类</span>
                            </p>
                        </div>
                        <div class="kindword xingquwords"></div>
                        <div class="changephotobox mysetpageimgbtn rightarrowimg">
                            <img src="img/rarr02.png"/>
                        </div>
                    </span>
                    </div>
                </div>
            </div>
        </div>
        <!--谁可以看选项部分-->
        <div class="gaojilist" style="display:none">
            <div class="Header ModalHeader">
                <div class="fixed_header">
                    <div class="header_main">
                        <div class="mweb_modal_back_button" id="whocanseebtn"></div>
                        <div class="page_title unified">设置</div>
                        <a class="navigation_button" id="gjabtnok">确定</a>
                    </div>
                </div>
            </div>
            <div class="RequestAnswersDrawer sendquestionpage " style="margin-top:44px;">

                <!-- 陌生人不可见-->
                <!--<div class="Cell InputCell InputMixin">-->
                    <!--<span class="tc_inner" id="strangecansee">-->
                        <!--<div class="form_inputs">-->
                            <!--<p class="form_row">-->
                                <!--<span class="input_label">陌生人不可见</span>-->
                            <!--</p>-->
                        <!--</div>-->
                        <!--<div class="changephotobox mysetpageimgbtn">-->
                            <!--<img src="img/hook-no.png"/>-->
                        <!--</div>-->
                    <!--</span>-->
                    <!--<div class="tc_stroke"></div>-->
                <!--</div>-->

                <div class="Cell InputCell InputMixin">
                    <span class="tc_inner" id="somecansee">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label" style="color:#333;">部分可见</span>
                            </p>
                        </div>
                        <div class="kindword somecanseewords"></div>
                        <div class="changephotobox mysetpageimgbtn">
                            <img src="img/uarr01.png" class="listlogoimg"/>
                        </div>
                    </span>
                    <div class="tc_stroke"></div>
                    <!-- 部分可见标签组-->
                    <div class="labelplace" id="someseelabel" style="display:none">
                        <div class="labelbox">

                        </div>
                        <div>
                            <a class="gotoaddlabel">
                                编辑标签
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 不给谁看-->
                <div class="Cell InputCell InputMixin">
                    <span class="tc_inner" id="cannotsee">
                        <div class="form_inputs">
                            <p class="form_row">
                                <span class="input_label" style="color:#333;">不给谁看</span>
                            </p>
                        </div>
                        <div class="kindword cannotseewords"></div>
                        <div class="changephotobox mysetpageimgbtn">
                            <img src="img/uarr01.png" class="listlogoimg"/>
                        </div>
                    </span>
                    <div class="tc_stroke"></div>
                    <!-- 不给谁看标签组-->
                    <div class="labelplace" id="cannotseelabel" style="display:none">
                        <div class="labelbox">

                        </div>
                        <div>
                            <a class="gotoaddlabel" style="border-bottom:none">
                                编辑标签
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 行业加载的列表页-->
        <div class="PageWrapper mweb" id="choicepage" style="margin-top: 88px; display: none">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <!--<button class="mweb_modal_back_button lf"></button>-->
                        <div class="page_title">选择行业</div>

                        <a class="navigation_button is_done" id="finish">完成</a>
                    </div>

                    <!-- 四个导航-->
                    <div class="HeaderSwitcher ReadSwitcher SubHeader" style="height: 44px;">
                        <div class="switcher">
                            已选：
                            <div id="choicedbox">

                            </div>
                            <div class="rt" style="font-weight: 100;font-size: 12px;">最多可选三个</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 页面主体-->
            <div class="wrapper home_feed">
                <!-- 列表-->
                <div id="delectlist" style="display:block">
                    <div class="Section">
                        <ul class="ts_cells" id="ts_cells">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 兴趣加载的列表页-->
        <div class="PageWrapper mweb" id="xqchoicepage" style="margin-top: 88px; display: none">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <!--<button class="mweb_modal_back_button lf"></button>-->
                        <div class="page_title">选择兴趣</div>

                        <a class="navigation_button is_done" id="xqfinish">完成</a>
                    </div>
                    <!-- 四个导航-->
                    <div class="HeaderSwitcher ReadSwitcher SubHeader" style="height: 44px;">
                        <div class="switcher">
                            已选：
                            <div id="xqchoicedbox">
                            </div>
                            <div class="rt" style="font-weight: 100;font-size: 12px;">最多可选三个</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 页面主体-->
            <div class="wrapper home_feed">
                <!-- 列表-->
                <div id="xqdelectlist" style="display:block">
                    <div class="Section">
                        <ul class="ts_cells" id="xqts_cells">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--上传图片-->
<div class="choiceimgplace" style="display: none;">
    <!-- 头部-->
    <div class="Header ModalHeader">
        <div class="fixed_header">
            <div class="header_main">
                <div class="mweb_modal_back_button" id="imgpagegoback"></div>
                <div class="page_title unified">图片设置</div>
                <a class="navigation_button imgokbtn">
                    确定
                </a>
            </div>
        </div>
    </div>
    <!-- -->
    <div class="imgplace">
        <!--<div class="showupimgbox"></div>-->
        <div class="addbtn" id="addimgfilebtn">
            <input type="file"/>
        </div>
    </div>
    <!-- -->
    <div class="imgset" style="display:block;">
        <div class="sendquestionpage" style="padding:0;">
            <div class="Cell InputCell InputMixin">
                <span class="tc_inner rightlistbtn" >
                    <div class="form_inputs whoseeimg">
                        <p class="form_row">
                            <span class="input_label">只给谁看</span>
                        </p>
                    </div>
                    <div class="changephotobox mysetpageimgbtn rightarrowimg">
                        <img src="img/rarr02.png"/>
                    </div>
                </span>
                <div class="form_inputs showimgfriend" style="display: none;">
                    <p class="form_row">
                        <span class="input_label" id="imgcanseefriend"></span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--图片选择好友-->
<div class="PageWrapper nonav" id="sd-imgchoicefriend" style="display: none;">
    <div class=" has_toolbar">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <div class="mweb_modal_back_button" id="friendlistgoback"></div>
                    <div class="page_title unified">
                        <span>选择好友</span>
                    </div>
                    <!-- 确定-->
                    <div class="header_action_buttons" id="imgchoicedFDokbtn">
                        <a >确定</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 好友列表部分-->
        <div id="listplace" style="display: block;">
            <div class="Section">
                <!-- 主列表-->
                <div class="Cell" id="maina">
                    <div id="mainjinghao" style="display: none">
                        <div class="section_header section_header_gray">
                            <span>#</span>
                        </div>
                    </div>
                </div>
                <!--右侧导航条-->
                <div class="rightnav1" style="display: block;top:44px">
                    <div id="jinghaobtn"><a href="#">#</a></div>
                    <div class="zmbtn">A</div>
                    <div class="zmbtn">B</div>
                    <div class="zmbtn">C</div>
                    <div class="zmbtn">D</div>
                    <div class="zmbtn">E</div>
                    <div class="zmbtn">F</div>
                    <div class="zmbtn">G</div>
                    <div class="zmbtn">H</div>
                    <div class="zmbtn">I</div>
                    <div class="zmbtn">J</div>
                    <div class="zmbtn">K</div>
                    <div class="zmbtn">L</div>
                    <div class="zmbtn">M</div>
                    <div class="zmbtn">N</div>
                    <div class="zmbtn">O</div>
                    <div class="zmbtn">P</div>
                    <div class="zmbtn">Q</div>
                    <div class="zmbtn">R</div>
                    <div class="zmbtn">S</div>
                    <div class="zmbtn">T</div>
                    <div class="zmbtn">U</div>
                    <div class="zmbtn">V</div>
                    <div class="zmbtn">W</div>
                    <div class="zmbtn">X</div>
                    <div class="zmbtn">Y</div>
                    <div class="zmbtn">Z</div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 弹出价格框-->
<div class="modal_bg modal_bg2" style="display: none;"></div>
<!-- 价格输入框--><!--action_menu_container action_menu_container2-->
<div class="paynoteplace" style="display: none;">
    <div class="inner" style="box-sizing: border-box;margin:0 auto;">
        <div class="action_menu" style="height: 226px;box-sizing: border-box;">
            <a class="mweb_action_button">请设置悬赏金额</a>
            <a class="mweb_action_button" id="modaltishiwords">如30天内无回答，悬赏金额退回 <span id="showrule">详细规则</span></a>
            <div class="inputbox">
                <div style="position: relative;" class="moneybtnbox">
                    金额：<div id="leftjianbtn" style="display:none"></div>
                    <input type="text" id="price" value="" min="1"/>元
                    <div id="rightjiabtn" style="display:none"></div>
                </div>
            </div>
            <a class="mweb_action_button cancel sendbtn">提交</a>
            <a class="mweb_action_button  " id="donotsendbtn">取消</a>
        </div>
    </div>
</div>
<!--详细规则-->
<div id="detailrule">
    <div>
        <div class="body">
            <div>问题规则</div>
            <div>
                <ul>
                    <li>1. 30天内悬赏金额会强制分发；</li>
                    <li>2. 除非30天内无回答，悬赏金额退回您的铺路账号；</li>
                    <li>3. 30天内未选择满意答案，系统随机选择一位回答者分发悬赏金额；</li>
                    <li>4. 问题选择满意答案后，你可以将问题转为经验，他人点击阅读就能赚钱；</li>
                </ul></div>
            <div id="iknow">知道了</div>
        </div>
    </div>
</div>
<!-- 待过的城市-->
<div class="PageWrapper mweb" id="ctchoicepage" style="display: none">
    <!-- 头部导航条-->
    <div class="Header">
        <div class="fixed_header">
            <div class="header_main">
                <div class="page_title">选择城市</div>
                <a class="navigation_button is_done" id="ctfinish">完成</a>
            </div>
        </div>
    </div>
    <!-- 搜索框-->
    <div class="inputsearchbox">
        <div>
            <div class="header_action_buttons mweb_lookup_bar_has_input">
                <div class="mweb_lookup_bar_input_wrapper ">
                    <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                        <div id="csearchbtn"></div>
                        <input type="text" id="csearchinput" placeholder="搜索" style="width:100%;color:#999"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 所有城市页面-->
    <div class="wrapper home_feed" id="allcitypage">
        <!-- 列表-->
        <div style="display:block">
            <div class="Section">
                <ul class="ts_cells" id="citylistul">
                    <!-- A-->
                    <li class="Cell ctlist" id="A">
                        <div class="listtitle A">A</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- B-->
                    <li class="Cell ctlist" id="B">
                        <div class="listtitle B">B</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- C-->
                    <li class="Cell ctlist" id="C">
                        <div class="listtitle C">C</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- D-->
                    <li class="Cell ctlist" id="D">
                        <div class="listtitle D">D</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- E-->
                    <li class="Cell ctlist" id="E">
                        <div class="listtitle E">E</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- F-->
                    <li class="Cell ctlist" id="F">
                        <div class="listtitle F">F</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- G-->
                    <li class="Cell ctlist" id="G">
                        <div class="listtitle G">G</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- H-->
                    <li class="Cell ctlist" id="H">
                        <div class="listtitle H">H</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- J-->
                    <li class="Cell ctlist" id="J">
                        <div class="listtitle J">J</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- K-->
                    <li class="Cell ctlist" id="K">
                        <div class="listtitle K">K</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- L-->
                    <li class="Cell ctlist" id="L">
                        <div class="listtitle L">L</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- M-->
                    <li class="Cell ctlist" id="M">
                        <div class="listtitle M">M</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- N-->
                    <li class="Cell ctlist" id="N">
                        <div class="listtitle N">N</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- P-->
                    <li class="Cell ctlist" id="P">
                        <div class="listtitle P">P</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- Q-->
                    <li class="Cell ctlist" id="Q">
                        <div class="listtitle Q">Q</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- R-->
                    <li class="Cell ctlist" id="R">
                        <div class="listtitle R">R</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- S-->
                    <li class="Cell ctlist" id="S">
                        <div class="listtitle S">S</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- T-->
                    <li class="Cell ctlist" id="T">
                        <div class="listtitle T">T</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- W-->
                    <li class="Cell ctlist" id="W">
                        <div class="listtitle W">W</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- X-->
                    <li class="Cell ctlist" id="X">
                        <div class="listtitle X">X</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- Y-->
                    <li class="Cell ctlist" id="Y">
                        <div class="listtitle Y">Y</div>
                        <div class="box">

                        </div>
                    </li>
                    <!-- Z-->
                    <li class="Cell ctlist" id="Z">
                        <div class="listtitle A">Z</div>
                        <div class="box">

                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--右侧导航条-->
        <div class="rightnav" style="top:44px;">
            <div data-num="1">A</div>
            <div data-num="2">B</div>
            <div data-num="3">C</div>
            <div data-num="4">D</div>
            <div data-num="5">E</div>
            <div data-num="6">F</div>
            <div data-num="7">G</div>
            <div data-num="8">H</div>
            <div data-num="9">J</div>
            <div data-num="10">K</div>
            <div data-num="11">L</div>
            <div data-num="12">M</div>
            <div data-num="13">N</div>
            <div data-num="14">P</div>
            <div data-num="15">Q</div>
            <div data-num="16">R</div>
            <div data-num="17">S</div>
            <div data-num="18">T</div>
            <div data-num="19">W</div>
            <div data-num="20">X</div>
            <div data-num="21">Y</div>
            <div data-num="22">Z</div>
        </div>
    </div>
</div>
<!--引入其他页面部分-->
<div id="addlabelpage" style="display:none">
    <!--主页面-->                                  <!--mainpage-->
    <div class="PageWrapper nonav" id="mainpage">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <button class="mweb_modal_back_button" id="closelabelpage"></button>
                    <div class="title">
                        标签
                    </div>
                    <div class="header_action_buttons" style="height: 100%" id="addnewlabelbtn">
                        新建
                    </div>
                </div>
            </div>
        </div>
        <!-- 加载群组部分-->
        <div id="labelplace">

        </div>
    </div>
    <!--标签详情页 -->
    <div class="PageWrapper nonav" id="labelpage" style="display: none">
        <!-- 头部-->
        <div class="Header ModalHeader">
            <div class="fixed_header">
                <div class="header_main">
                    <button class="mweb_modal_back_button" id="labelgobackbtn"></button>
                    <div class="title">
                        标签成员
                    </div>
                    <div class="header_action_buttons" style="height: 100%" id="savechangebtn">
                        保存
                    </div>
                </div>
            </div>
        </div>
        <!--页面部分-->
        <div class="labelpagetitle">
            <div class="labeltitle">
                标签名字
            </div>
            <div id="changelabelname">
                <input type="text"/>
            </div>
            <div class="labeltitle">
                标签成员
            </div>
            <div class="memberplace">
                <!-- +号 -->
                <div class="memberbox1" style="margin-bottom:20px;" id="addmemberbtn">
                    <a>
                        <img src="img/addimgbackground2.png" style="border: 1px solid #AAB8B8;border-radius: 4px"/>
                    </a>
                </div>
                <!-- -号 -->
                <div class="memberbox1" style="margin-bottom:20px;" id="delmemberbtn">
                    <a href="#">
                        <img src="img/jianhao03.png" style="border: 1px solid #AAB8B8;border-radius: 4px"/>
                    </a>
                </div>
            </div>
            <div id="deletelabelbtn">
                删除标签
            </div>
        </div>
    </div>
    <!--好友列表页-->
    <div class="PageWrapper nonav" id="imgchoicefriend" style="display:none;margin-top:102px;">
        <div class=" has_toolbar">
            <!-- 头部-->
            <div class="Header ModalHeader">
                <div class="fixed_header">
                    <div class="header_main">
                        <button class="mweb_modal_back_button" id="friendgobackbtn"></button>
                        <div class="title">
                            选择好友
                        </div>
                        <div class="header_action_buttons" style="height: 100%" id="imgchoicedFDokbtn1">
                            确定
                        </div>
                    </div>
                </div>
            </div>
            <!-- 搜索框-->
            <div class="inputsearchbox">
                <div style="height:28px;">
                    <div class="header_action_buttons mweb_lookup_bar_has_input">
                        <div class="mweb_lookup_bar_input_wrapper ">
                            <div class="mweb_lookup_bar_input" style="min-height: 29px;position:relative;font-size: 14px; color:#BC7F74;">
                                <div id="csearchbtn1"></div>
                                <input type="text" id="csearchinput1" placeholder="搜索"  maxlength="15"/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 好友列表部分-->
            <div id="listplace1" style="display: block;">
                <div class="Section">
                    <!-- 主列表-->
                    <div class="Cell" id="aa">
                        <div id="jinghao" style="display: none">
                            <div class="section_header section_header_gray">
                                <span>#</span>
                            </div>
                        </div>
                    </div>
                    <!-- 搜索列表-->
                    <div class="Cell" id="a1">
                        <div id="jinghao1" style="display: none">
                            <div class="section_header section_header_gray">
                                <span>#</span>
                            </div>
                        </div>
                    </div>
                    <!--右侧导航条-->
                    <div class="rightnav1" style="display: block;">
                        <div id="jinghaobtn1"><a href="#">#</a></div>
                        <div class="zmbtn">A</div>
                        <div class="zmbtn">B</div>
                        <div class="zmbtn">C</div>
                        <div class="zmbtn">D</div>
                        <div class="zmbtn">E</div>
                        <div class="zmbtn">F</div>
                        <div class="zmbtn">G</div>
                        <div class="zmbtn">H</div>
                        <div class="zmbtn">I</div>
                        <div class="zmbtn">J</div>
                        <div class="zmbtn">K</div>
                        <div class="zmbtn">L</div>
                        <div class="zmbtn">M</div>
                        <div class="zmbtn">N</div>
                        <div class="zmbtn">O</div>
                        <div class="zmbtn">P</div>
                        <div class="zmbtn">Q</div>
                        <div class="zmbtn">R</div>
                        <div class="zmbtn">S</div>
                        <div class="zmbtn">T</div>
                        <div class="zmbtn">U</div>
                        <div class="zmbtn">V</div>
                        <div class="zmbtn">W</div>
                        <div class="zmbtn">X</div>
                        <div class="zmbtn">Y</div>
                        <div class="zmbtn">Z</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--删除提醒-->
<div id="heightexpdiv">
    <div>
        <div class="heightexpform">
            <div>
                <div class="title">提示</div>
                <div class="noteword">标签中的联系人不会被删除，是否删除标签？</div>
                <div class="btndiv">
                    <div id="heightexpok" class="rt">确定</div>
                    <div id="heightexpno" class="rt">取消</div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--图片处理提醒-->
<div id="sendimginfo" style="display:none;">
    <div style="margin-top:120px;">
        <p>正在处理图片，请耐心等待...</p>
        <p style="padding-top:10px;"><img src="img/imgloading2.gif"/></p>
    </div>
</div>
<!--提交发布状态提醒-->
<div id="sendinfo" style="display:none">
    <div style="margin-top:120px;">
        <p id="sendinfop">正在处理图片，请耐心等待...</p>
        <p style="padding-top:10px;"><img src="img/imgloading.gif"/></p>
    </div>
</div>
<!-- 大图片-->
<div id="digimgplace" style="display: none;">
    <div id="bigimgback"></div>
    <div id="delthisimgbtn" class="rt"></div>
    <img src="" id="showimg" style="width:100%;"/>
</div>
<!--地图区域-->
<div id="showmap" style="display:none">
    <div id="mapplace" style="display:none"></div>
    <!-- 头部-->
    <div class="Header ModalHeader">
        <div class="fixed_header" style="position:relative;">
            <div class="header_main">
                <div class="mweb_modal_back_button" id="mapgoback"></div>
                <div class="page_title unified"></div>
                <a class="navigation_button sendquesbtn" id="nosearch" style="display:none">
                    取消
                </a>
            </div>
        </div>
    </div>
    <div id="locationsearch">
        <div>
            <div id="locationsearchbtn"></div>
            <input type="text"/>
        </div>
    </div>
    <div id="locationlistplace">
        <div id="topthree">
            <div id="nolocation">不显示位置
                <img src="img/nocity.png" class="rt" style="display:block;"/>
            </div>
            <div id="shiname">
                <img src="img/nocity.png" class="rt" style="display:none;"/>
                <div></div>
            </div>
            <div id="firstchoice" style="display:none">
                <img src="img/nocity.png" class="rt" style="display:none;"/>
                <div class="name"></div>
                <div class="dizhi"></div>
            </div>
        </div>
    </div>
    <div id="otherlist">

    </div>
    <div id="searclocation" style="display:none">

    </div>
</div>
<!--关键词不能为空-->
<div id="nokeywordalert">
    <div>
        <div class="inner">
            <!--<div class="title">提示</div>-->
            <div class="word">关键词不能为空哦</div>
            <div id="closealertbtn">确定</div>
        </div>
    </div>
</div>
<script src="js/jquery.cookie.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="js/tohref.js"></script>
<script src="ftnjs/urlnote.js"></script>
<script src="ftnjs/nicksort.js"></script>
<script src="ftnjs/swiper.jquery.min.js"></script>
<script src="ftnjs/sendfaceftn.js"></script>
<script src="js/sendquestion.js"></script>
<script>
    //详细规则区域
    $("#modaltishiwords").click(function(){
        $("#detailrule").css("display","block");
        $(".modal_bg.modal_bg2").css("display","none");
        $(".action_menu_container.action_menu_container2").css("display","none");
    });
    $("#iknow").click(function(){
        $("#detailrule").css("display","none");
        $(".modal_bg.modal_bg2").css("display","block");
        $(".action_menu_container.action_menu_container2").css("display","block");
    });
    $(".action_menu_container.action_menu_container2").css("height",window.screen.height);
</script>
</body>
</html>